<!DOCTYPE HTML>
	<html>
	        <head>
	        <title>View Custom Fixed Bars</title>
	        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	        <meta name="viewport"
	                content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
	        <meta name="apple-mobile-web-app-capable" content="yes" />
	        <script type="text/javascript" src="../../../../../dojo/dojo.js" data-dojo-config="parseOnLoad:true, async:true"></script>
	        <script type="text/javascript" charset="utf-8">
	                require(["dojo/ready",
	                         "dojo/dom",
	                         "doh/runner",
	                         "dojox/mobile/parser",
	                         "dojox/mobile",
	                         "dojox/mobile/deviceTheme",
	                         "dojox/mobile/ScrollableView"], function(ready, dom, runner, domGeometry) {
	                	
	    				ready(function(){
	     					runner.register("dojox.mobile.test.doh.fixedbars.CustomFixedBarsTests", [
	    						{
	    							name: "Verify ticket #16671 is fixed",
	    							timeout: 10000,
	    							setUp: function() {
	    								this.data = {runner: runner, topBar: dom.byId("topBar"), bottomBar: dom.byId("bottomBar")};
	    							},
	    							runTest: function(){
	    								var d = new runner.Deferred();
	    								setTimeout(d.getTestCallback(function(){
	    									this.fixture.data.runner.assertEqual(0, this.fixture.data.topBar.offsetTop);
	    									this.fixture.data.runner.assertTrue(this.fixture.data.bottomBar.offsetTop > this.fixture.data.topBar.offsetHeight, "Bottom bar has not the expected position");
	    								}), 2000);
	    								return d;
	    							}
	    						}]);
	    					runner.run();
	    				});
	                });   
	        </script>
	        </head>
	        <body style="visibility:hidden;">

	        		<!-- Scrollable View -->
 	                <div id="view2" data-dojo-type="dojox.mobile.ScrollableView">
 	                	<div id="topBar" fixed="top" style="height: 55px; background: yellow;">Custom header for ScrollView</div>
	                	<div id= "bottomBar" fixed="bottom" style="height: 25px; background: yellow;">Custom footer for ScrollView</div>
 	                </div>

	        </body>
	</html>
